<!-- 虚位以待页面的云计算高级工程师卡片 -->
<template>
	<el-card body-style="padding:0 50px 0 50px;">
		<template #header>
			<div class="card-header">
				<div class="head_left">
					<el-checkbox v-model="checked" size="15px" />
					<span class="job_name">高级云计算运维工程师</span>
				</div>
				<el-button type="text" class="compain_name"  @click="this.$router.push('/compamyinfo')">公司名字</el-button>
			</div>
		</template>
		<!-- 多选框 -->
		<div class="info">
			<!-- 左面三行字 -->
			<div class="salary">12-18k/月</div>
			<div class="address">武侯区 距您11.7公里</div>
			<div class="major">生态企业</div>
		</div>
		<div class="card-foot">
			<el-button color="#1fab89" :dark="isDark" @click="this.$router.push('/jobinfo')">查看详情</el-button>
			<el-button color="#1fab89" :dark="isDark">申请</el-button>
		</div>
	</el-card>
</template>


<style>
	.el-card {
		margin: 80px;
		border-radius: 15px !important;
		background-color: rgb(243, 247, 248) !important;
		box-shadow: 0px 2px 3px 0px rgb(31, 171, 137) !important;
		width: 843px;
		height: 212px;
		z-index: 168;
	}

	.el-card__header {
		border: none !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.el-card__header{
		border: none!important;
		padding-top:0!important;
		padding-bottom:0!important;
	}
	.card-header {
		display: flex;
		justify-content: space-between;
	}

	.head_left {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.head_left{
		display: flex;
		justify-content: space-between;
		 align-items:center;
	}
	.el-checkbox .el-checkbox__input {
		margin-right: 9px;
		background-color: rgb(215, 251, 232) !important;
		box-shadow: 0px 1px 1px 0px rgb(31, 171, 137);
	}

	.job_name {
		margin-left: 9px;
		font-size: 24px;
		font-family: "SimSun";
		color: rgb(15, 83, 66) !important;
		line-height: 0.958 !important;
	}

	.info {
		width: 200px;
		height: 100px;
	}

	.salary {
		font-size: 20px;
		font-family: "SimSun";
		color: rgb(31, 171, 137);
		line-height: 1.15;
		z-index: 177;
	}

	.address {
		font-size: 18px;
		font-family: "SimSun";
		color: rgb(31, 171, 137);
		line-height: 1.278;
		z-index: 112;
	}

	.major {
		font-size: 16px;
		font-family: "SimSun";
		color: rgb(31, 171, 137);
		line-height: 1.438;
		z-index: 175;
	}

	.compain_name {
		font-size: 16px;
		font-family: "SimSun";
		color: rgb(31, 171, 137) !important;
		line-height: 1.438 !important;

	}
	.card-foot {
		margin-left: 70%;
	}

	/* 	.el-button .el-button--default{
	.card-foot{
		margin-left: 70%;
	}
/* 	.el-button .el-button--default{
		background-color: rgb( 31, 171, 137 );
		z-index: 178;
	}
 */
</style>

<script>
	export default{
		name: 'JobCard',
	}
</script>
